<template>
    <div class="box">
        <img src="../../assets/images/error_images/404.png" alt="">
        <el-button @click="goHome">首页</el-button>
    </div>
</template>

<script lang="ts" setup name="404">
    import { useRouter } from 'vue-router'

    let $router=useRouter()
    
    function goHome(){
        $router.push('/home')
    }
</script>

<style scoped lang="scss">
    .box{
        width: 100vw;
        height: 100vh;
        background-color: yellowgreen;
        display: flex;
        justify-content: center;
        img{
            width: 800px;
            height: 400px;
        }
    }
</style>